<template>
    <div style="width: 100%;height: 100%">
      <returnActionList></returnActionList>
<div style="width: 100%;height: 100%" class="fd itemcenter m-top30">
  <div class="fd itemcenter ">
    <div class="fs20">中午时间段</div>
    <div>
      <el-time-select
        v-model="setTime1"
        :picker-options="{
    start: '08:30',
    step: '00:30',
    end: '18:30'
  }" placeholder="开始时间">
      </el-time-select>
      <el-time-select
        v-model="setTime2"
        :picker-options="{
    start: '08:30',
    step: '00:30',
    end: '18:30'
  }" placeholder="结束时间">
      </el-time-select>
    </div>

  </div>
  <div class="fd itemcenter m-top30">
    <div class="fs20">晚上时间段</div>
    <div>
      <el-time-select
        v-model="setTime3"
        :picker-options="{
    start: '08:30',
    step: '00:30',
    end: '18:30'
  }" placeholder="开始时间">
      </el-time-select>
      <el-time-select
        v-model="setTime4"
        :picker-options="{
    start: '08:30',
    step: '00:30',
    end: '18:30'
  }" placeholder="结束时间">
      </el-time-select>
    </div>
    <el-button type="success" size="medium"  class="m-top30" style="width: 170px" @click="saveSucc()">保存</el-button>
  </div>



</div>

    </div>

</template>

<script>
    export default {
        name: "SetTime",
      data(){
          return{
            setTime1:'12:00',
            setTime2:'15:00',
            setTime3:'18:00',
            setTime4:'7:00'
          }
      },
      methods:{
          saveSucc(){
            this.$message({
              message: '保存成功',
              type: 'success'
            });
          }
      }
    }
</script>

<style scoped>

</style>
